<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>债权转让</title>
    <script src="../../js/mui.min.js"></script>
    <link href="../../css/mui.min.css" rel="stylesheet"/>
     <link rel="stylesheet" href="../../css/global.css"/>
    <link href="transfer.css" rel="stylesheet"/>
</head>
<body class="darkbackground" style="background-color: #f3f3f3;">
	<header class="mui-bar mui-bar-nav title-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left mui-back-new"></a>
		<h1 class="mui-title mhd-title">债权转让</h1>
	</header>
	<div id="mui-content" class="mui-content" style="height: 100%;" >
		<div class="page_wapper mui-back-white">
			<div class="app_projects_group">
				<div class="yueTitle">
					<span id="label_loanTitle" class = "TitleOne"></span>
					<span>&nbsp;&nbsp;</span>
<!--					<span class="app_assurance_hight">100%本息保障</span>-->
					<div class="border-bottom-short"></div>
				</div>
				<div class="yueMessage">
					<div class="yueMessage-left">
						<div class="TitleTwo pdb20">债权价格</div>
						<span class="fontMoney">￥</span>
						<span class="fontMoney" id = "label_tenderMoney"></span>
					</div>
					<div class="yueMessage-middle">
						<div class="TitleTwo pdb20">年化收益率</div>
						<span class="fontBigRate mui-blue" id="label_effectiveYield" ></span>
						<span class="fontBigRate mui-blue">%</span>
					</div>
					<div class="yueMessage-right">
						<div class="TitleTwo pdb20">剩余期限</div>
						<span class="font30 mui-orange" id="label_period"></span>
						<span class="font15 mui-orange">个月</span>
					</div>
				</div>
				<div class="yueStatus">
					<div class="yueStatus-left">
					  	<span class="TitleTwo">还款日：</span>
					  	<span class="TitleTwo" id="loan_paymentDate"></span>
					</div>
					<div class="yueStatus-right">
					  	<span class="TitleTwo">状态：</span>
					  	<span class="TitleTwo" id="loan_status"></span>
					</div>
				</div>
					
			</div>
		</div>
		
		
		
		<div id="app_buy_panel" class="app_buy_panel">
			<form method="post">
				<!--hidden-->
				<input type="hidden" name="transferloanId" id="transferloanId"/>
				<input type="hidden" name="loan_hongbao" id="loan_hongbao"/>
				<input type="hidden" name="sellMoney" id="sellMoney"/>
				<input type="hidden" name="loanRecordId" id="loanRecordId"/>	
				<input type="hidden" name="discountRate" id="discountRate"/>
				<input type="hidden" name="cashBalance" id="cashBalance"/>
				<input type="hidden" name="fromUserId" id="fromUserId"/>
			<table>
				<tr><th class="app_buy_tab_head" colspan="2">我要投资</th>
					<th class="app_buy_tab_head" colspan="2"></th>
				</tr>
				<tr>
					<td class="app_buy_tab_label">预期收益：</td>
					<td class="app_buy_tab_result"><span>￥ </span><span id="loan_repayrate"></span></td>
				</tr>
				<tr>
					<td class="app_buy_tab_label">可用余额：</td>
					<td class="app_buy_tab_result"><span>￥ </span><span id="loan_cashBalance">0</span></td>
				</tr>
				<tr>
					<td class="app_buy_tab_label">转让价格：</td>
					<td class="app_buy_tab_result"><span>￥ </span><span id="loan_sellMoney">0</span><a id="btn_inf"  href="#Popover_0" class="mui-icon mui-icon-info" style="padding: 6px 12px;"></a></td>
				</tr>
				<tr id="tr_argee">
					<td class="app_buy_tab_argee" colspan="2"><input name="agree" id="agree" type="checkbox" value="1"/>&nbsp;&nbsp;我同意《<a href="#" id='a_agree'>来理财债权转让协议</a>》</td>
				</tr>
				<tr>
					<td class="app_buy_tab_buttons" colspan="2">
						<button id="btn_buy" class="mui-btn buy-button buy-button-block"></button>
					</td>
				</tr>
			</table>
			</form>
		</div>
		<div class="app_buy_inf">
			<div class="app_buy_tab_head">其他信息</div>
			<div class="mui-table-view-cell mui-back-white">
				<a id="buy_base_record" class="app_buy_font mui-navigate-right" href="javascript:void(0);">
				  <img class ="fl" src="../../images/people.png" />&nbsp;&nbsp;&nbsp;&nbsp;借款人信息
				</a>
			</div>
			<div class="mui-table-view-cell mui-back-white">
				<a id="buy_list_record" class="app_buy_font mui-navigate-right" href="javascript:void(0);">
				  <img class ="fl" src="../../images/money.png" />&nbsp;&nbsp;&nbsp;&nbsp;投资记录
				</a>
			</div>
		</div>
		<div class="app_buy_tab_head"></div>
		</div>
		
		<div id="Popover_0" class="mui-popover mui-bar-popover ">
			<ul class="mui-table-view" style="width: 100%;">
				<div class="mhd-tab">
					<li class="mui-table-view-cell" style = "padding: 5px 15px;">
						<div class="mhd-tab-left">垫付利息：</div>
						<div class="mhd-tab-right"><span>￥ </span><span id = loan_thisMonthInterest></span></div>
					</li>
				</div>
				<div class="mhd-tab">
					<li class="mui-table-view-cell" style = "padding: 5px 15px;">
						<div class="mhd-tab-left">折让费用：</div>
						<div class="mhd-tab-right"><span>￥ </span><span id = loan_discountMoney></span></div>
					</li>
				</div>
				<div class="mhd-tab">
					<li class="mui-table-view-cell" style = "padding: 5px 15px;">
						<div class="mhd-tab-left">手续费用：</div>
						<div class="mhd-tab-right"><span>￥ </span><span id = loan_fee></span></div>
					</li>
				</div>
				<div class="mhd-tab">
					<li class="mui-table-view-cell" style = "padding: 5px 15px;">
						<div class="mhd-tab-word">垫付利息：转让人当期未结算的利息由受让人垫付，当期有回款之后再结算给受让人。</div>
						<div class="mhd-tab-word">折让费用：债权价格可以通过转让人自主定价进行打折或加价。</div>
						<div class="mhd-tab-word">手续费用：转让债权时由转让人支付一定范围内的手续费用。</div>
						<div class="mhd-tab-word">转让价格=债权价格+垫付利息-折让费用-手续费用</div>
					</li>
				</div>
			</ul>
		</div>
		
<script type="text/javascript" src="../../js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../../js/cmw_core.js"></script>
<script type="text/javascript" src="../../js/constant.js"></script>
<script type="text/javascript" src="../../js/global.js"></script>
<script type="text/javascript" src="../../js/form.js"></script>
<script type="text/javascript" src="transfer.js"></script>
</body>
</html>